<template>
  <div id="app">
    <router-view />
    <div
      v-if="
        $route.name === '动态' ||
        $route.name === '管理规范' ||
        $route.name === '详细资料' ||
        $route.name === '个人资料' ||
        $route.name === '修改资料' ||
        $route.name === '修改头像' ||
        $route.name === '修改用户名' ||
        $route.name === '登录界面' ||
        $route.name === '注册界面' ||
        $route.name === '手机登录界面' ||
        $route.name === '系统设置界面' ||
        $route.name === '数码分类界面' ||
        $route.name === '绑定账号' ||
        $route.name === '绑定手机号' ||
        $route.name === '绑定邮箱' ||
        $route.name === '设置密码' ||
        $route.name === '猜你喜欢' ||
        $route.name === '热门应用' ||
        $route.name === '好软畅玩' ||
        $route.name === '好软推荐' ||
        $route.name === '今日更新' ||
        $route.name === '应用好软推荐' ||
        $route.name === '应用更新' ||
        $route.name === '游戏更新' ||
        $route.name === '游戏分类' ||
        $route.name === '详细信息' ||
        $route.name === '应用展示' ||
        $route.name === '文本详情' ||
        $route.name === '头条举报' ||
        $route.name === '通知界面' ||
        $route.name === '文本详情' ||
        $route.name === '数码详细信息' ||
        $route.name === '应用管理' ||
        $route.name === '我的收藏' ||
        $route.name === '我的关注' ||
        $route.name === '收藏信息' ||
        $route.name === '修改背景' ||
        $route.name === '搜索' ||
        $route.name === '话题详细' ||
        $route.name === '话题举报'
      "
    ></div>
    <div v-else>
      <van-tabbar route>
        <van-tabbar-item to="/" icon="wap-home-o">首页</van-tabbar-item>
        <van-tabbar-item to="/digital" icon="cluster-o">数码</van-tabbar-item>
        <van-tabbar-item to="/softGame" icon="bag-o">应用游戏</van-tabbar-item>
        <van-tabbar-item to="/mine" icon="manager-o">我的</van-tabbar-item>
      </van-tabbar>
      <!-- <van-cell is-link @click="showPopup">展示弹出层</van-cell> -->
    </div>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {};
  },
  methods: {},
};
</script>

<style>
.radius {
  width: 5rem;
  height: 5rem;
  background-color: rgb(108, 144, 243);
  border-radius: 50%;
  position: fixed;
  bottom: 8.6rem;
  right: 2.2rem;
}
.jia {
  position: absolute;
  top: 1rem;
  left: 1rem;
}
</style>
